<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
	String basePath = request.getContextPath();
%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<Link Rel="SHORTCUT ICON" href="<%=basePath %>/res/img/16_16_logo.png">
		<title>EasyUI网站后台管理模板</title>
		<link rel="stylesheet" href="<%=basePath %>/res/css/reset.css" />
		<link rel="stylesheet" type="text/css" href="<%=basePath %>/res/easyui/themes/gray/easyui.css">
		<link rel="stylesheet" type="text/css" href="<%=basePath %>/res/easyui/themes/color.css">
		<link rel="stylesheet" type="text/css" href="<%=basePath %>/res/easyui/themes/icon.css">
		<script type="text/javascript" src="<%=basePath %>/res/js/jquery.min.js"></script>
		<script type="text/javascript" src="<%=basePath %>/res/easyui/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="<%=basePath %>/res/easyui/locale/easyui-lang-zh_CN.js"></script>
		<script src="<%=basePath %>/res/js/myJSKit.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.menu_a{
				border-bottom: 1px solid #ccc;
				text-align: center; 
				cursor: pointer;
				line-height: 30px;
				height: 30px;
			}
			.menu_a:hover{
				color: red;
			}
			
			.admin_info{
				width: 500px;
				float: left;
				text-align: center;
				line-height: 40px;
				font-size: 20px;
				font-weight: bold;
				padding-top: 38px;
			}
			.admin_info a{
				display: inline-block;
				font-size: 16px;
				color:red;
			}
			.admin_info a:hover{
				text-decoration: underline;
			}
		</style>
	</head>

	<body class="easyui-layout">
		<!--
    	作者：jiyasai@nxytys.com
    	时间：2015-07-24
    	描述：上
    -->
		<div data-options="region:'north', border:false" style="height:80px;">
			<div style="height:80px;">
				<div style="width: 300px; float: left; height: 80px; padding-left: 30px;">
					<img src="<%=basePath %>/res/img/logo1.png" height="80" />
				</div>
				
				<div class="admin_info">
					欢迎您，${admin_user} &nbsp;&nbsp;<span style="color: #CCCCCC;">|</span>
					&nbsp;<a href="loginOut" title="点我安全退出">安全退出</a>
				</div>
				
				<!--天气预报div-->
				<div style="width: 390px; float: right; height: 80px; border-left: 1px solid #eee;">
					<!--天气预报-->
					<iframe allowtransparency="true" frameborder="0" width="385" height="75" scrolling="no" src="http://tianqi.2345.com/plugin/widget/index.htm?s=1&z=1&t=0&v=0&d=3&bd=0&k=&f=&q=1&e=1&a=1&c=54511&w=385&h=75&align=center">
					</iframe>
					<!--天气预报-->
				</div>
			</div>
		</div>
		<!--
    	作者：jiyasai@nxytys.com
    	时间：2015-07-24
    	描述：下
    -->
		<div data-options="region:'south',border:false" style="height:30px;">
			<div style="text-align: center; height: 30px; line-height: 30px;">
				版权所有<span><a href="#">yasser</a></span>
			</div>
		</div>

		<!--
    	作者：jiyasai@nxytys.com
    	时间：2015-07-24
    	描述：左
    <div data-options="region:'east',iconCls:'icon-reload',title:'East'" style="width:100px;"></div>  
    -->
		<!--
    	作者：jiyasai@nxytys.com
    	时间：2015-07-24
    	描述：右
    -->
		<div data-options="region:'west',title:'导航区'" style="width:210px;">
			<!--
        	作者：jiyasai@nxytys.com
        	时间：2015-07-24
        	描述：可伸缩面板，进行菜单制作
        -->
			<div id="nav" class="easyui-accordion" fit="true" border="false" style="width:200px;height:200px;">
				<div title="系统管理" data-options="iconCls:'icon-tip'" style="overflow:auto;padding:10px;">
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	网站基本信息
			        </h3>
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	网站基本信息
			        </h3>
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	网站基本信息
			        </h3>
				</div>
				<div title="用户-角色-权限管理" data-options="iconCls:'icon-man', selected:true" style="padding:10px;">
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'user/view', 'no')">
			        	用户管理
			        </h3>
	
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	角色管理
			        </h3>
	
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	角色与用户管理
			        </h3>
				</div>

				<div title="新闻管理" data-options="iconCls:'icon-edit'" style="padding:10px;">
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	用户管理
			        </h3>
	
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	角色管理
			        </h3>
	
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	角色与用户管理
			        </h3>
			        <h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	用户管理
			        </h3>
	
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	角色管理
			        </h3>
	
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	角色与用户管理
			        </h3>
			        <h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	用户管理
			        </h3>
	
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	角色管理
			        </h3>
	
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	角色与用户管理
			        </h3>
			        <h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	用户管理
			        </h3>
	
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	角色管理
			        </h3>
	
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	角色与用户管理
			        </h3>
			        <h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	用户管理
			        </h3>
	
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	角色管理
			        </h3>
	
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	角色与用户管理
			        </h3>
			        <h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	用户管理
			        </h3>
	
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	角色管理
			        </h3>
	
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	角色与用户管理
			        </h3>
			        <h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	用户管理
			        </h3>
	
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	角色管理
			        </h3>
	
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	角色与用户管理
			        </h3>
			        <h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	用户管理
			        </h3>
	
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	角色管理
			        </h3>
	
					<h3 class="menu_a" onclick="openTab('tt', '网站基本信息', 'web-base.html', 'no')">
			        	角色与用户管理
			        </h3>
				</div>
			</div>
			<!--导航菜单结束 -->
		</div>

		<!--
    	作者：jiyasai@nxytys.com
    	时间：2015-07-24
    	描述：中
    -->
		<div data-options="region:'center'">
			<div id="tt" class="easyui-tabs" fit="true" border="false">
				<div title="欢迎界面" style="padding:5px;">
					<!--日历-->
					<div id="cc" class="easyui-calendar" style="width:240px;height:240px;" data-options="formatter:formatDay"></div>
					<script>
						var d1 = Math.floor((Math.random()*30)+1);
								var d2 = Math.floor((Math.random()*30)+1);
								
								var jy_days_10 = [1, 2, 5, 6, 7, 8, 9, 12, 13, 14, 15, 16, 19, 20, 21, 22, 23, 26, 27, 28, 29, 30];
								
								var jy_days_11 = [2, 3, 4, 5, 6];
								
								var jy_days_11 = [1, 2, 3, 4, 7, 8];
								
								var jy_dd = [jy_days_10, jy_days_11];
								
								function formatDay(date){
									var m = date.getMonth()+1;
									var d = date.getDate();
									var opts = $(this).calendar('options');
			////						if (opts.month == m && d == d1){
			////							return '<div class=" md">' + d + '</div>';
			////						} else if (opts.month == m && d == d2){
			////							return '<div class=" md">' + d + '</div>';
			////						}
			//						if(jy_days.indexOf(d) == 0){
			//							return '<div class=" md">' + d + '</div>';
			//						}
			//						if(opts.month == m && jy_dd[m-10].indexOf(d) != -1){
			//							return '<div class=" md">' + d + '</div>';
			//						}
									if(opts.year == 2015 && opts.month == m && date.getDay() !=0 && date.getDay() != 6){
										return '<div class=" md">' + d + '</div>';
									}
									return d;
								}
					        	$('#cc').calendar({
									onSelect: function(date){
										alert(date.getFullYear()+":"+(date.getMonth()+1)+":"+date.getDate());
									}
								});
					</script>
					<style scoped="scoped">
						.md{
							width: 32px;
							height: 32px;
							text-align: center;
							line-height: 32px;
							background: url('<%=basePath %>/res/img/round_32px_1139236_easyicon.net.png') no-repeat;
							/*
							height:16px;
							line-height:16px;
							background-position:2px center;
							text-align:right;
							font-weight:bold;
							padding:0 2px;
							color:red;
							*/
						}
					</style>
				</div>
			</div>
		</div>
	</body>
</html>